#prjMap {
    .leftbar {
        height: 100%;
        overflow-y: scroll;
        input.form-contorl {
            padding: 2px 10px;
            width: 70%;
            margin-right: 2%;
            border: 1px solid #ced4da;
            border-radius: .25rem;
        }
        .input-group-append {
            width: 28%;
            button {
                width: 100%;
                font-size: 14px;
            }
        }
        #search-drop {
            text-align: left;
            border: 1px solid #eee;
            border-radius: 5px;
            margin: 5px 15px;
            width:92%;
            a.dropdown-item {
                width:100%;
                overflow-x: hidden;
                text-overflow: ellipsis;
                background: #efefef;
            }
        }
    }
    #map {
        display: inline-flex;
    }
    @media (min-width: 1840px) {
        .leftbar {
            width: 20%;
        }
        #map {
            width: 80%;
        }
    }
    @media (max-width: 1840px) {
        .leftbar {
            width: 25%;
        }
        #map {
            width: 75%;
        }
    }
    @media (max-width: 1024px) {
        .leftbar {
            width: 35%;
        }
        #map {
            width: 65%;
        }
    }
}

// leaflet popup
.leaflet-popup-content {
    line-height: 1 !important;
    .mdl-data-table {
        width: 301px;
        table-layout: fixed;
        border: none !important;
        box-shadow: none;
        tr {
            height: 40px !important;
            td {
                height: 40px;
                text-align: left;
                padding: 5px 15px;
            }
        }
    }
}